<!-- 头部 start -->
<div class="top_banner" style="background-color: orangered;">
    <img src="xianhua_img/banner01.jpg" alt="" width="100%" height="100%" >
</div>
<div class="shortcut">
    <!-- 未登录状态  -->
    <div class="login_out">
        <a href="login.html">登录</a>
        <a href="register.html">注册</a>
    </div>
    <!-- 登录状态  -->
    <div class="login">
        <span id="welcome">欢迎您！admin</span>
        <a href="myfavorite.html" class="collection">购物车</a>
        <a href="myorder.html" class="collection">我的订单</a>
        <a href="javascript:;">退出</a>
    </div>
</div>
<div class="header_wrap">
    <div class="topbar">
        <div class="logo">
            <a href="/"><img src="xianhua_img/logo.jpg" alt=""></a>
        </div>
        <div class="search">
            <input name="" type="text" placeholder="请输入鲜花名称" class="search_input" autocomplete="off">
            <!--#ff6a00-->
            <a href="javascript:;" class="search-button">搜索</a>
        </div>
        <div class="hottel">
            <div class="hot_pic">
                <img src="images/hot_tel.jpg" alt="">
            </div>
            <div class="hot_tel">
                <p class="hot_time">客服热线(9:00-18:00)</p>
                <p class="hot_num">400-582-3320</p>
            </div>
        </div>
    </div>
</div>
<!-- 首页导航 -->
<div class="navitem">
    <ul class="nav">
        <li style="padding-left: 70px"><a href="index.html">首页</a></li>
        <li style="padding-left: 70px"><a href="route_list.html">鲜花</a></li>
        <li style="padding-left: 70px"><a href="route_list.html">永生花</a></li>
        <li style="padding-left: 70px"><a href="route_list.html">生日祝福</a></li>
        <li style="padding-left: 70px"><a href="route_list.html">表白求婚</a></li>
        <li style="padding-left: 70px"><a href="route_list.html">女神节鲜花</a></li>
    </ul>
</div>